<template>
    <div class="header-bot">
        <h2 >{{dataInfo.title}}</h2>
        <el-breadcrumb separator-class="el-icon-arrow-right" >
             <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
            <el-breadcrumb-item v-for="(item,index) in dataInfo.label" :key="index">{{item}}</el-breadcrumb-item>
        </el-breadcrumb>
    </div>
</template>

<script>
export default {
    props:['info'],
    data(){
        return {
            dataInfo: this.info
        }
    },
    methods:{
        change(lastLabel){
            console.log(lastLabel)
            let len = this.dataInfo['label'].length
            this.dataInfo['label'].splice(len-1,1,lastLabel)
        }
    }
}
</script>

<style scoped>
.header-bot{
    background: #efebeb;
    margin: 50px 0px 0px;
    padding: 20px 75px;
}
</style>